<template>
  <div class="zlbg">
    <tabbar></tabbar>
    <header-info
      :bgImgUrl="bgImgUrl"
      leftTitle="生态环境质量报告"
      rightTitle="生态环境数据分析"
    ></header-info>
    <Article :articleContent="articleContent"></Article>
    <Footer></Footer>
  </div>
</template>

<script>
import { article } from "@/components/mixins/ArticleTitle.js";
import tabbar from "../../../../components/sthj/tabbar.vue";
import headerInfo from "../../../../components/sthj/headerInfo.vue";
import Article from "../../../../components/sthj/article.vue";
import Footer from "../../../../components/sthj/footer.vue";
export default {
  components: { tabbar, headerInfo, Article, Footer },
  name: "HcsthjZlbg",
  mixins: [article],
  data() {
    return {
      bgImgUrl: require("../../../../assets/sthj/img/sthj/zlbg.png"),
      //获取新闻的范围
      minArticle: 5,
      maxArticle: 9,
    };
  },

  mounted() {},

  methods: {},
};
</script>

<style lang="less" scoped>
.zlbg {
  width: 100%;
  height: auto !important;
  background-color: #fafafa;
}
</style>